@import "src/pages/lessUtils/CommonLess";

.navbar {
  width: 100%;
  height: 100%;
  .bg-image('header/bg.jpeg');
  background-repeat: repeat;
  background-position: center center;
  background-size: 150px 120px;
  .logo {
    .bg-image('header/logo.jpeg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 150px 120px;
    background-color:transparent;
    border: none;
    width: 45%;
    height: 100px;
    float: left;
  }
  .navbar-menu {
    background-color:transparent;
    width: 54%;
    height: 100px;
    float: left;
    border: none;
    .nav-div {
      width: 100%;
      height: 100%;
      background-color:transparent;
      div {
        padding-top: 18px;
        float: left;
        .nav-router {
          line-height:40px;
          color: black;
          padding:10px 25px;
          background-color:transparent;
        }
      }
      .personal {
        position: absolute;
        top: 38px;
        width: 100px;
        display: inline-block;
        padding-left: 20px;
        padding-top: 0px;
        margin-bottom: 30px;
        div {
          .profilePhotoImg , .default-profilePhotoImg {
            z-index: 1;
            display: block;
            width: 65px;
            height: 65px;
            border-radius: 50%;
            background-size: 65px 65px;
          }
          .default-profilePhotoImg {
            .bg-image('login/profilePhoto.png');
          }
        }
      }
    }
  }
}

.personal-box{
  position: relative;
}
